<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<script>
    window.onload = function() {
        new Vue({
            el: "#root",
            data: {
                msg: "我就是我",
                aa: 'hahaha',
                num: 0,
                flag: true,
                a1: "a1",
                a2: "a2",
                a3: 'a3',
                a5: {
                    "font-size": "25px",
                    "color": "green"
                },
                redioV: '',
                modelSelect: [{
                        name: "哈哈1",
                        text: "1"
                    }, {
                        name: "哈哈2",
                        text: "2"
                    }, {
                        name: "哈哈3",
                        text: "3"
                    }

                ]


            }
        })
    }
</script>

<body>
    <div id="root">
        <div>{{msg}}</div>
        <input type="text" v-model="msg">
        <input type="checkbox" v-model='flag'>{{flag}}
        <input type="radio" v-model="redioV" value="1">男
        <input type="radio" v-model="redioV" value="2">女 {{redioV}}
        <select name="name" id="select" v-model='modelSelect'>
            <option v-model="modelSelect" v-for="(v,i) in modelSelect"  :value="v.name">{{v.text}}</option>
            <!-- <option v-model="modelSelect" value="游戏">{{modelSelect}}</option> -->
        </select>
    </div>
</body>
<style>
    .a1 {
        font-size: 20px;
        background: yellow;
        font-weight: 600;
    }
    
    .a2 {
        background: blue;
        font-size: 50px;
    }
    
    .a3 {
        background: red;
        color: white;
    }
    
    [v-cloak] {
        /* color: red;
        font-size: 30px; */
        display: none;
    }
</style>


</html>